<!DOCTYPE html>
<html>
<head>
	<title>%title</title>
	<meta charset="utf-8">
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		body{
			background-color: #eee;
			/*background: #eee url(s1.png) no-repeat fixed top; 
			background-size: 100%;*/
		}
		.container{
			width: 960px;
			margin: 0 auto;
			overflow: hidden;
			/*background: url(c.jpg) no-repeat fixed top;*/
		}
		h1{
			height: 300px;
			background: url(img/s1.png) no-repeat top; 
			background-size: 100%;
			color: #ccc;
		}
		.mess_content{
			background: url(img/c1.png) repeat-y top;
			background-size: 100%;
		}
		.foot{
			height: 1000px;
			background: url(img/f.png) no-repeat top;
			background-size: 100%;
		}
		.item{
			height: 80px;
			border-bottom: 1px dashed #333;
			padding: 10px;
			overflow: hidden;
		}
		h6{
			font-size: 20px;
			color: #135;
			line-height: 30px;
		}
		h6 span{
			float: right;
			font-size: 14px;
			color: #000;
		}
		.item:nth-child(odd){
			background-color:rgba(0,200,255,0.2);
		}
		.item:nth-child(even){
			background-color: rgba(10,200,200,0.2);
		}
		.author{
			padding: 10px 0px;
		}
		.message{
			vertical-align: top;
		}
		input{
			width: 50%;
			height: 30px;
			font-size: 16px;
			border: none;
			background-color: rgba(255,220,110,0.6);
		}
		textarea{
			width: 80%;
			font-size: 20px;
			border: none;
			background-color: rgba(255,2550,255,0.6);
		}
		.liuyan span{
			font-size: 20px;
			color: blue;
			display: inline-block;
			width: 100px;
		}
		button{
			width: 100px;
			height: 30px;
			font-size: 16px;
			margin-left: 100px;
		}
		.liuyan{
			width: 100%;
			padding: 20px 0px;
		}
		#del{
			float: right;
			font-size: 14px;
			line-height: 50px;
			color: #fff;
		}
		#content{
			font-size: 18px;
			font-weight: bold;
			color: navy;
			display: block;
			float: left;
			width: 90%;
			height: 60px;
			overflow: auto;
			text-indent:2em;
			word-break:break-all;
			/*word-wrap:break-word;*/
		}
	</style>
	<script type="text/javascript">

	</script>
</head>
<body>
	<h1>%title</h1>
	<div class="mess_content">
		<div class="container ">
			<!-- <div class="item"> 
				<h6>匿名网友<span>2017-02-20</span></h6>
				<p>呵呵呵哈哈哈哈哈哈哈哈哈</p>
			</div> -->
			%main
		</div>
	</div>
	<div class="foot">
		<div class="liuyan">
			<div class="container">
				<form method="post" action ='/addmessage'>
					<div class="author">
						<span>留言者：</span><input type="text" name="author"><br />
					</div>
					<span class="message">留言内容：</span><textarea rows="5" name='message'></textarea><br />
					<button type="submit">提交留言</button>
				</form>
			</div>
		</div>
	</div>
</body>
</html>